import React, {Component} from 'react';
import {StyleSheet} from 'react-native';
import {
  Text,
  View,
  Avatar,
  Colors,
  Carousel,
  Image,
  TabBar,
  TabController,
} from 'react-native-ui-lib';

let Mtitle = ({title, style = {}, extraContent}) => {
  return (
    <View row style={{...style}} spread centerV>
      <View row>
        <View
          style={{
            width: 2,
            backgroundColor: Colors.primaryColor,
            marginRight: 4,
            borderRadius: 4,
          }}></View>
        <Text body dark10>
          {title}
        </Text>
      </View>

      <View>{extraContent && extraContent()}</View>
    </View>
  );
};

export default Mtitle;
